<!-- 盘点 -->
<template>
  <div id="change">
    <div class="change-top">
      商品：
      <el-input size="small" style="width: 240px;margin-left: 10px;margin-right: 20px;" v-model="input" clearable>
      </el-input>
      日期：
      <el-date-picker style="width: 260px;" size="small" :unlink-panels="true" v-model="value1" type="daterange"
        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
      </el-date-picker>
      &nbsp; &nbsp;商品类别：
      <el-select size="small" style="width: 120px;" placeholder="类别"></el-select>
      &nbsp; &nbsp;仓库：
      <el-select size="small" style="width: 120px;" placeholder="仓库"></el-select>
      &nbsp; &nbsp;
      <el-button size="small" style="margin-left: 10px;" type="primary">查询</el-button>

    </div>
    <div class="change-content">
      <hr>
      <br>
      <el-table show-summary :summary-method="getSummaries" height="440px" :data="tableData" border
        style="width: 100%;font-size: 13px;">
   <el-table-column prop="inventoryId" label="单据编号" width="120">
        </el-table-column>
         <el-table-column prop="createDate" label="单据日期" width="120">
        </el-table-column>
        <el-table-column prop="result" label="盘点结果" width="160">
        </el-table-column>
        <el-table-column prop="remark" label="备注" width="160">
        </el-table-column>
        <el-table-column label="操作" width="120">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
            <el-button type="text" size="small">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-pagination style="width: 400px;position: relative;left: 700px;bottom: 30px;" @size-change="handleSizeChange"
      @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]"
      :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400">
    </el-pagination>

  </div>
</template>

<script>


export default {
  name: 'CountResult',
  data() {
    return {
      pageNum:1,
      tableData:[]
    }
  },
  methods: {
  
 getList:function(){
  this.axios({
    url:"/store/inventory/list",
    params:{
      pageNum:this.pageNum,
      pageSize:5
    }
  }).then(rs=>{
    this.tableData=rs.data.pageInfo.list;
    console.log(this.tableData)
  })
 }
   

  },created(){
    this.getList();
  }

}
</script>

<style scoped>
#change {
  width: 100%;
  height: 100%;
}

.change-top {
  width: calc(100% -20px);
  height: 60px;
  /* background-color: pink; */
  line-height: 60px;
  padding-left: 20px;
  font-size: 13px;
}

.change-content {
  width: 100%;
  height: calc(100% - 60px);
  /* background-color: skyblue; */
}

.el-input,
.el-button {
  font-size: 13px;
}

/* 合计行整体样式修改开始 */
.el-table /deep/ .el-table__footer-wrapper tbody td {
  background-color: #fff1d4;
}

.el-table /deep/ tbody tr:hover>td {
  background-color: #fff1d4 !important;
}
</style>